@charset "utf-8";
/* CSS Document */

/*CSS reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

header, nav, section, article, footer, aside, figure {  display:block; margin-left:auto; margin-right:auto;}
														
/*****************************************************************/

body { background:#e7e8e9;	
		color:#000;
		line-height:18px;
		font-size:13px;
		font-family: 'Muli', sans-serif;
	  
	   }

#header { background:url(images/bghead.jpg) repeat-x; height:88px; padding:5px 0 5px 0; }
header { width:950px; line-height:14px;}
header h1 { float:left; width:250px; padding:0; margin:0; border:none; background:none;}
.rojo { color:#d90000; font-size:50px;}

nav { font-size:24px; color:#FFFFFF; float:right}
nav a { font-size:24px; color:#FFFFFF; text-decoration:none}
nav a:hover { font-size:24px; color:#07d9f2; }

section { width:950px;}

footer { background-color:#003698; font-size:12px; color:#FFFFFF; height:170px; padding:5px 0 5px 0;}
.foot1 {  width:220px; margin-right:20px; float:left;}
.foot2 { float:left; width:440px; color:#FFFFFF; padding:8px; }


.col1 { float:left; width:220px; margin-right:20px;}
.col2 { float:left; width:220px;}

.col3 { float:left; width:440px; margin-right:20px; background-color:#003698; text-transform:uppercase; color:#FFFFFF; margin-top:10px; font-size:25px; padding:8px; }
.col4 { float:left; width:440px; background-color:#003698; text-transform:uppercase; color:#FFFFFF; margin-top:10px; font-size:25px; padding:8px; height:123px;}

.col3b { float:left; width:440px; margin-right:20px; margin-top:10px; padding:8px; text-align:justify; }
.col4b { float:left; width:440px;  margin-top:10px;  padding:8px; height:123px; text-align:justify;}

.col5 { float:left; width:445px; margin-right:20px; color:#000; margin-top:10px; font-size:13px; padding:8px; }
.col6 { float:left; width:325px; margin-top:10px; }

.col7 { float:left; width:530px; margin-right:20px; color:#000; margin-top:10px; font-size:13px; padding:8px; }
.col8 { float:left; width:325px; margin-top:10px; }

.col9 { float:left; width:260px;  }

.col10 { float:left; width:292px; padding:5px; margin-right:20px; margin-top:20px; border-right:1px solid #bdbdbd  }
.col11 { float:left; width:292px; padding:5px;  margin-top:20px;  }


aside { background:#eeeeee; width:220px; float:left; margin-left:10px; padding:5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(js/PIE.htc);
	}

.porta1 { float:left; width:303px; height:350px; margin-right:20px; margin-top:20px; background:#0088de; color:#FFFFFF; }
.porta1 div {padding:0 3px 3px 3px;}
.porta1 div a { color:#FFFFFF; font-weight:bold;}
.porta1 div a:hover { color:#FFFFFF; font-weight:bold; text-decoration:underline;}

.porta2 { float:left; width:303px; height:350px;  margin-top:20px; background:#0088de; color:#FFFFFF; }
.porta2 div {padding:0 3px 3px 3px;}
.porta2 div a { color:#FFFFFF; font-weight:bold;}
.porta2 div a:hover { color:#FFFFFF; font-weight:bold; text-decoration:underline;}

.fb { background-color:#0088de; color:#FFFFFF}

/*****************************************************************/
img {border:none;}
a { color:#01a9ce; text-decoration:underline; font-weight:bold}
a:hover { color:#000;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.acenter {text-align:center;}
.aright {text-align:right;}
.aleft {text-align:left;}
.ajustify {text-align:justify;}

.imgleft {float:left; padding-right:15px; padding-bottom:10px;}
.imgright {float:right; padding-left:15px; padding-bottom:5px;}

.btn {
 background-color: #FFFFFF;
 background-image: url(images/enviar.jpg);
 background-repeat: no-repeat;
 height: 23px;
 width: 76px;
 border: 0px;
cursor:pointer;
}

.buscar {
 background-color: #FFFFFF;
 background-image: url(images/buscar.jpg);
 background-repeat: no-repeat;
 height: 23px;
 width: 76px;
 border: 0px;
cursor:pointer;
}

.forma { display:block; margin-bottom:10px;}

#forma { width:310px;}
#forma1 td {padding:3px;}

.contacto {font-family: 'Muli', sans-serif; font-size:13px; color:#0088de; width:200px;}
.contacto2 {font-family: 'Muli', sans-serif; font-size:13px; color:#0088de; width:205px;}
.contacto3 {font-family: 'Muli', sans-serif; font-size:13px; color:#0088de; width:180px;}
.contacto4 {font-family: 'Muli', sans-serif; font-size:13px; color:#0088de; width:155px;}
.contacto5 {font-family: 'Muli', sans-serif; font-size:13px; color:#0088de; width:287px;}
 
.cien { width:100%;}
img, div { behavior: url(iepngfix.htc) }

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.push {
height: 10px;
clear: both;
}

strong { font-weight:800}
q { font-size:25px; color:#999999;}
q strong { color: #666666;}
blockquote { float:right; width:200px; margin:0 0 5px 8px; text-align:center;}

.subtit { color:#999999; font-size:24px; float:left;}
.subtit strong { color: #666666;}

.pad1 { padding-left:10px;}
.endos { width:260px; float:left}
.endos2 { width:240px; float:left; margin-right:20px;}
.endos3 { width:240px; float:left; }

.gray { font-size:25px; color:#999999;}

/*****************************************************************/

::-moz-selection  { background: #003698; color:#fff; text-shadow: none; }
::selection  { background: #003698; color:#fff; text-shadow: none; } 

.centrar { margin-right:auto; margin-left:auto; width:950px; height:555px;}

.vin2 ul{margin:0px; padding:0px; list-style:none;}
.vin2 li{ }
.vin2  li a{ color:#fff; text-decoration:none; background:url(images/vin2.jpg) no-repeat left top; padding:0 0 0 19px; background-position:0 1px; line-height:19px;}
.vin2  li a:hover{ padding:0 0 0 30px; line-height:19px;}

.vin3  li { text-decoration:none; background:url(images/vin3.jpg) no-repeat left top; padding:0 0 0 19px; background-position:0 1px; line-height:19px;}


h1 { padding:0; margin:5px 0 0 0; font-size:40px; color:#003399; border-bottom:solid 1px #CCCCCC; background:url(images/bgh1.jpg) repeat-x bottom;}
h2 { padding:0; font-size:25px; color:#009ade; text-transform:uppercase;}
h3 { padding:0; font-size:23px; color:#003399;  text-transform:uppercase;}
h4 { padding:0; margin:5px 0 0 0; font-size:30px; color:#009ade; border-bottom: dotted 2px #CCCCCC; margin-bottom:10px;}
h5 { padding:5px 0 0 5px; display:block; background-color:#003399; color:#ffffff; font-size:20px;}

.box1 { background-color:#999999}
.box1 h3 { display:block; background-color:#00CC00;}

/***************transitions************/
.ins1:hover img{
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -o-transform: scale(1.08, 1.08);
	}
.ins1 {
	-moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
	z-index:9999;
}	

.ins2:hover {-webkit-box-shadow: 5px 5px 5px #000000;
-moz-box-shadow: 5px 5px 5px #000000;
box-shadow: 5px 5px 5px #000000;}

.affiliates a {
    width: 220px; height:122px;
    overflow: hidden;
    float: left;
}
.affiliates img {
    border: none;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.affiliates a:hover img {
    margin-top: -122px;
}

.affi2 a {
    width: 303px; height:180px;
    overflow: hidden;
    float: left;
}
.affi2 img {
    border: none;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.affi2 a:hover img {
    margin-top: -180px;
}

/***************tabs************/

.widget {
	width: 930px;
	margin: 10px;
	padding: 5px;
	margin-bottom: 15px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}

	.tabnav li {
	display: inline-block;
	margin-right:18px;

	
	}
	
		.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #313131;
		padding: 5px 10px 2px 10px;
		outline: none;
		font-size:30px;
		border-top:4px solid #003698;
		text-align:center;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #009ade;
		color: #fff;
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
	}
		
		.tabdiv li {
		background:url(images/vin3.gif) no-repeat left top; padding:0 0 0 19px; background-position:0 1px;
		margin-left: 10px;
		}

.ui-tabs-hide {
		display: none;
		}
		
		.tabdiv .vin4 li {
		background:url(images/vin4.gif) no-repeat left top; padding:0 0 0 19px; background-position:0 1px;
		margin-left: 10px;
		}
		

		
/***************accordion************/
	
.accordion {
	width: 530px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	border-bottom: solid 1px #c4c4c4;
	cursor: pointer;
	font-size:26px;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion div {
	margin: 0;
	padding: 10px 15px 20px;

}




